body{	
	font-size: 12px;
	background-color: #FFF;
}
fieldset{ margin:0px; padding:0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
fieldset legend{ margin-bottom:10px;}
#title1 {
	padding-bottom:10px;}
#bbb{width:420px; padding:4px;}	
/* root element for tabs  */
.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	background-position: 10px center;
	background-repeat: no-repeat;
	background-image: url(toolspic.gif);
}

/* single tab */
.tabs li {
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; padding-left:
}
.tabs .line {
	display:block;	
	line-height:30px;
	width: 10px; padding-left:1px; padding-right:1px;
	text-align:right;
	text-decoration:none;
	color:#0000CC;	
	position:relative;
	top:1px;	
	border-bottom:1px solid #E0E9F1;
	outline:0;zoom:1;
	
	}

/* link inside the tab. uses a background image */
.tabs a {
	font-size:11px;
	display:block;	
	line-height:30px;
	width: 58px; padding-left:1px; padding-right:1px;
	text-align:right;
	text-decoration:none;
	color:#0000CC;	
	position:relative;
	top:1px;	
	border-bottom:1px solid #E0E9F1;
	/*outline:0;zoom:1;*/
	hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
	outline: none;  /* for firefox 1.5 + */ 


}

.tabs a:active {	
	color: #00F;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {	
	color:#00F;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #E0E9F1;
	border-right-color: #E0E9F1;
	border-left-color: #E0E9F1;
	border-bottom:1px solid #ffffff;
	cursor:default !important;
	color:#333333 !important;
	font-weight: bold;
}




/* initially all panes are hidden */ 

.panes h2 { margin-top:10px; margin-bottom:10px; text-align:left;
	font-size: 14px;
	font-weight: bold;
}
.panes .pane {
	display:none;		
}
.panes div { width:250px;
	display:none;		
	padding:10px;
	/*border:1px solid #E0E9F1;*/
	border-top:0;
	height:130px;
	font-size:12px;
	background-color:#fff;
}
.panes .inputs{width:85px;}
.sendbt{ margin-top:10px; margin-bottom:10px; float:right; text-align:right; margin-right:40px;}